<!-- {%for book_name,value in info.items%}
	书名：<a href = '{{value.url}}'>{{book_name}}</a><br>
	作者：{{value.author}}<br>
	连载状态：{{value.statu}}<br>
	<hr />
	
{%endfor%} -->

{%load static%}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小盗</title>
    <link href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css'%}" rel="stylesheet">
    <style type="text/css">
    	body{
			
			background-image:  url("{%static 'img/彩.jpg'%}");
			background-repeat: no-repeat;
			background-size:100% 100%;
			background-attachment: fixed;
			/*background-color: rgba(255,255,255,0.5);*/
		}
      
    	.every_novel{
    		border:solid 2px;
    		border-color: rgba(0,0,0,0.5);
    		height: 270px;
    		width: 205px;
    		margin-left: 100px;
    		margin-top: 15px;

    	}
    	
    	.all{
        width: 100%;
        height: 100%;
        /*background-color: rgba(255,255,255,0.5)*/

    	}
      span{
        color:black;
        font-size: 15px;
        font-family: 微软雅黑;
        margin-top: 5px;
        text-align: center;
      }

    </style>
</head>
<body>
  
  <div class=" container all">
    <!-- <button type="button" class="btn btn-info">上一页</button>
    <button type="button" class="btn btn-warning">下一页</button> -->
    <div class="raw">
      {%for key,value in info.items%}
      <div class="col-md-3 every_novel">
        <img src="{{value.img}}"><br>
        <span>书名：{{key}}</span><br>
        <button type="submit" class="btn btn-primary"><a href = '/qidian/novel/{{value.book_id}}' style="color: white;text-decoration: none;font-family: 微软雅黑;" >点击观看</a></button>
      </div>
      {%endfor%}
    </div>
    
  </div>
	
	
	
</body>
   
 <script src="{% static 'js/jquery-3.3.1.min.js'%}"></script>
 <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js'%}"></script>
</html>